<%--
  Created by IntelliJ IDEA.
  User: 12699
  Date: 2019/10/31
  Time: 10:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <head>
        <meta charset="utf-8">
        <title>写文章 - 知乎</title>
        <link rel="stylesheet" type="text/css" href="/css/xiewenzhang.css"/>
        <script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
        <style type="text/css">
            .jiacu {
                font-weight: bold;
            }

            .xieti {
                font-style: italic;
            }

            #uploadImg {
                width: 660px;
                height: 300px;
                background:;
            }
        </style>
        <script>
            function jiacu() {
                if ($("#neirong").attr("class") == "jiacu") {
                    $("#neirong").removeClass("jiacu");
                } else {
                    $("#neirong").addClass("jiacu");
                }
            }

            function xieti() {
                if ($("#neirong").attr("class") == "xieti") {
                    $("#neirong").removeClass("xieti");
                } else {
                    $("#neirong").addClass("xieti");
                }
            }

            function insertImg() {
                document.getElementById("btn_file").click();
            }

            var oInput = document.getElementById('btn_file');
            oInput.onchange = function () {
                if (this.value == '') {
                    alert('empty');
                } else {
                    alert(this.value);
                }
            }
        </script>
    </head>

<body class="WhiteBg-body Body--Edge" data-react-helmet="class">
<div id="root">
    <form action="/article/add.do" method="post" enctype="multipart/form-data">
        <div class="App">
            <div class="LoadingBar"></div>
            <main class="App-main" role="main">
                <div class="WriteIndexLayout" data-za-detail-view-path-module="PostEditView">
                    <div class="ColumnPageHeader-Wrapper">
                        <div>
                            <div class="Sticky ColumnPageHeader is-fixed"
                                 style="left: 0px; top: 0px; width: 1976.36px;">
                                <div class="ColumnPageHeader-content">
                                    <a style="color: blue" aria-label="知乎" href="//www.zhihu.com">
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             class="Icon ZhihuLogo ZhihuLogo--blue Icon--logo" aria-hidden="true"
                                             style="height:30px;width:64px" viewBox="0 0 200 91" width="64" height="30">
                                            <g>
                                                <path fill-rule="evenodd"
                                                      d="M 53.29 80.035 l 7.32 0.002 l 2.41 8.24 l 13.128 -8.24 h 15.477 v -67.98 H 53.29 v 67.978 Z m 7.79 -60.598 h 22.756 v 53.22 h -8.73 l -8.718 5.473 l -1.587 -5.46 l -3.72 -0.012 v -53.22 Z M 46.818 43.162 h -16.35 c 0.545 -8.467 0.687 -16.12 0.687 -22.955 h 15.987 s 0.615 -7.05 -2.68 -6.97 H 16.807 c 1.09 -4.1 2.46 -8.332 4.1 -12.708 c 0 0 -7.523 0 -10.085 6.74 c -1.06 2.78 -4.128 13.48 -9.592 24.41 c 1.84 -0.2 7.927 -0.37 11.512 -6.94 c 0.66 -1.84 0.785 -2.08 1.605 -4.54 h 9.02 c 0 3.28 -0.374 20.9 -0.526 22.95 H 6.51 c -3.67 0 -4.863 7.38 -4.863 7.38 H 22.14 C 20.765 66.11 13.385 79.24 0 89.62 c 6.403 1.828 12.784 -0.29 15.937 -3.094 c 0 0 7.182 -6.53 11.12 -21.64 L 43.92 85.18 s 2.473 -8.402 -0.388 -12.496 c -2.37 -2.788 -8.768 -10.33 -11.496 -13.064 l -4.57 3.627 c 1.363 -4.368 2.183 -8.61 2.46 -12.71 H 49.19 s -0.027 -7.38 -2.372 -7.38 Z m 128.752 -0.502 c 6.51 -8.013 14.054 -18.302 14.054 -18.302 s -5.827 -4.625 -8.556 -1.27 c -1.874 2.548 -11.51 15.063 -11.51 15.063 l 6.012 4.51 Z m -46.903 -18.462 c -2.814 -2.577 -8.096 0.667 -8.096 0.667 s 12.35 17.2 12.85 17.953 l 6.08 -4.29 s -8.02 -11.752 -10.83 -14.33 Z M 199.99 46.5 c -6.18 0 -40.908 0.292 -40.953 0.292 v -31.56 c 1.503 0 3.882 -0.124 7.14 -0.376 c 12.773 -0.753 21.914 -1.25 27.427 -1.504 c 0 0 3.817 -8.496 -0.185 -10.45 c -0.96 -0.37 -7.24 1.43 -7.24 1.43 s -51.63 5.153 -72.61 5.64 c 0.5 2.756 2.38 5.336 4.93 6.11 c 4.16 1.087 7.09 0.53 15.36 0.277 c 7.76 -0.5 13.65 -0.76 17.66 -0.76 v 31.19 h -41.71 s 0.88 6.97 7.97 7.14 h 33.73 v 22.16 c 0 4.364 -3.498 6.87 -7.65 6.6 c -4.4 0.034 -8.15 -0.36 -13.027 -0.566 c 0.623 1.24 1.977 4.496 6.035 6.824 c 3.087 1.502 5.054 2.053 8.13 2.053 c 9.237 0 14.27 -5.4 14.027 -14.16 V 53.93 h 38.235 c 3.026 0 2.72 -7.432 2.72 -7.432 Z"
                                                />
                                            </g>
                                        </svg>
                                    </a><i class="ColumnPageHeader-Line"></i>
                                    <div class="ColumnPageHeader-Title">
                                        <div class="WriteIndex-pageTitleWrapper">
                                            <div class="WriteIndex-pageTitle">写文章</div>
                                            <div class="WriteIndex-pageSubTitle"></div>
                                        </div>
                                    </div>
                                    <div class="ColumnPageHeader-Button">
                                        <div class="PublishPanel-wrapper">
                                            <button class="Button PublishPanel-triggerButton Button--blue"
                                                    type="submit">
                                                <a href="">发布</a>
                                            </button>
                                        </div>
                                        <div class="Popover">
                                            <button title="更多" class="Button ColumnPageHeader-MenuToggler Button--plain"
                                                    id="Popover2-toggle" aria-expanded="false" aria-haspopup="true"
                                                    aria-owns="Popover2-content" type="button">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="Zi Zi--Dots"
                                                     fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                                                    <path fill-rule="evenodd"
                                                          d="M 5 14 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 Z m 7 0 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 Z m 7 0 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 Z"/>
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="Sticky--holder"
                                 style="margin: 0px; left: 0px; top: 0px; height: 51.99px; right: 0px; bottom: 0px; display: block; position: relative; float: none;"></div>
                        </div>
                    </div>
                    <div class="WriteIndexLayout-main WriteIndex">
                        <div class="WriteCover-wrapper">
                            <div id="uploadImg">
                                <div class="WriteCover-previewWrapper WriteCover-previewWrapper--empty">
                                    <label class="UploadPicture-wrapper">
                                        <input style="display:none" type="file" accept=".jpeg, .jpg, .png" name="img_1"
                                               id="img1"><span>${uploadrrormsg}</span>
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             class="Zi Zi--Camera WriteCover-uploadIcon" fill="currentColor"
                                             style="margin-top: 117px;"
                                             viewBox="0 0 24 24" width="42" height="42">
                                            <path fill-rule="evenodd"
                                                  d="M 20.094 6 S 22 6 22 8 v 10.017 S 22 20 19 20 H 4.036 S 2 20 2 18 V 7.967 S 2 6 4 6 h 3 s 1 -2 2 -2 h 6 c 1 0 2 2 2 2 h 3.094 Z M 12 16 a 3.5 3.5 0 1 1 0 -7 a 3.5 3.5 0 0 1 0 7 Z m 0 1.5 a 5 5 0 1 0 -0.001 -10.001 A 5 5 0 0 0 12 17.5 Z m 7.5 -8 a 1 1 0 1 0 0 -2 a 1 1 0 0 0 0 2 Z"
                                            />
                                        </svg>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div>
                            <label class="WriteIndex-titleInput Input-wrapper Input-wrapper--multiline">
                                <input class="Input" style="width: 800px;" placeholder="请输入标题（最多 50 个字）" type="text"
                                       name="title"/>
                            </label>
                            <%--<input type="text" name="userid" placeholder="Userid" style="width: 40px" height="20px">--%>
                        </div>
                        <div class="PostEditor-wrapper">
                            <div class="InputLike PostEditor Editable">
                                <div>
                                    <div class="Editable-toolbar Sticky">
                                        <div class="Editable-toolbar-controls">
                                            <button onclick="jiacu()" class="Button Editable-control Button--plain"
                                                    aria-label="粗体" type="button" data-tooltip="粗体 (Ctrl+B)"
                                                    data-tooltip-position="bottom"
                                                    data-tooltip-will-hide-on-click="true">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="Zi Zi--FormatBold"
                                                     fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                                                    <path fill-rule="evenodd"
                                                          d="M 9 17.025 V 13 h 4.418 c 1.19 0 2.415 0.562 2.415 2.012 s -1.608 2.013 -2.9 2.013 H 9 Z M 9 7 h 4.336 c 1 0 1.814 0.888 1.814 2 c 0 0.89 -0.814 2 -1.814 2 H 9 V 7 Z m 8.192 1.899 a 3.893 3.893 0 0 0 -3.888 -3.889 S 9.334 5 8.167 5 C 7 5 7 6.167 7 6.167 v 11.666 C 7 19 8.167 19 8.167 19 l 5.572 0.01 c 2.333 0 4.231 -1.86 4.231 -4.148 a 4.122 4.122 0 0 0 -1.77 -3.372 a 3.873 3.873 0 0 0 0.992 -2.591 Z"
                                                    />
                                                </svg>
                                            </button>
                                            <button onclick="xieti()" class="Button Editable-control Button--plain"
                                                    aria-label="斜体" type="button" data-tooltip="斜体 (Ctrl+I)"
                                                    data-tooltip-position="bottom"
                                                    data-tooltip-will-hide-on-click="true">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="Zi Zi--FormatItalic"
                                                     fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                                                    <path fill-rule="evenodd"
                                                          d="M 15.751 5 h -5.502 a 0.751 0.751 0 0 0 -0.749 0.75 c 0 0.417 0.336 0.75 0.749 0.75 H 12 l -2 11 H 8.249 a 0.751 0.751 0 0 0 -0.749 0.75 c 0 0.417 0.336 0.75 0.749 0.75 h 5.502 a 0.751 0.751 0 0 0 0.749 -0.75 a 0.748 0.748 0 0 0 -0.749 -0.75 H 12 l 2 -11 h 1.751 a 0.751 0.751 0 0 0 0.749 -0.75 a 0.748 0.748 0 0 0 -0.749 -0.75"
                                                    />
                                                </svg>
                                            </button>
                                            <span class="Editable-toolbar-separator"></span>
                                            <%--<div>--%>
                                            <input type="file" multiple name="img_2" id="img2" style="opacity: 0"/>
                                            <span>${uploadrrormsg}</span>
                                            <%--</div>--%>
                                            <%--<div>--%>
                                            <input type="file"  multiple name="img_3"id="img3"/>
                                            <span>${uploadrrormsg}</span>
                                            <%--</div>--%>
                                            <div class="Popover Editable-toolbarMenu">
                                                <button class="Button Editable-control Button--plain"
                                                        id="Popover3-toggle" aria-expanded="false" aria-haspopup="true"
                                                        aria-owns="Popover3-content" aria-label="更多" type="button"
                                                        data-tooltip="更多" data-tooltip-position="bottom"
                                                        data-tooltip-will-hide-on-click="true">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="Zi Zi--Dots"
                                                         fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                                                        <path fill-rule="evenodd"
                                                              d="M 5 14 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 Z m 7 0 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 Z m 7 0 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 Z"/>
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="Dropzone Editable-content RichText RichText--editable RichText--clearBoth ztext"
                                     style="min-height: 38px;">
										<textarea style="resize:none;outline: none;border: none;" draggable="true"
                                                  name="content" id="neirong" style="outline: none;" rows="40" cols="88"
                                                  name="aaa">

										</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <div class="CornerButtons">
                <div class="CornerAnimayedFlex">
                    <button class="Button CornerButton Button--plain" aria-label="建议反馈" type="button"
                            data-tooltip="建议反馈" data-tooltip-position="left" data-tooltip-will-hide-on-click="true">
                        <svg xmlns="http://www.w3.org/2000/svg" title="建议反馈" class="Zi Zi--Feedback" fill="currentColor"
                             viewBox="0 0 24 24" width="24" height="24">
                            <path d="M 19.99 6.99 L 18 5 s -1 -1 -2 -1 H 8 C 7 4 6 5 6 5 L 4 7 S 3 8 3 9 v 9 s 0 2 2.002 2 H 19 c 2 0 2 -2 2 -2 V 9 c 0 -1 -1.01 -2.01 -1.01 -2.01 Z M 16.5 5.5 L 19 8 H 5 l 2.5 -2.5 h 9 Z m -2 5.5 s 0.5 0 0.5 0.5 s -0.5 0.5 -0.5 0.5 h -5 s -0.5 0 -0.5 -0.5 s 0.5 -0.5 0.5 -0.5 h 5 Z"
                            />
                        </svg>
                    </button>
                </div>
                <div class="CornerAnimayedFlex CornerAnimayedFlex--hidden">
                    <button class="Button CornerButton Button--plain" aria-label="回到顶部" type="button"
                            data-tooltip="回到顶部" data-tooltip-position="left" data-tooltip-will-hide-on-click="true">
                        <svg xmlns="http://www.w3.org/2000/svg" title="回到顶部" class="Zi Zi--BackToTop"
                             fill="currentColor" viewBox="0 0 24 24" width="24" height="24">
                            <path d="M 16.036 19.59 a 1 1 0 0 1 -0.997 0.995 H 9.032 a 0.996 0.996 0 0 1 -0.997 -0.996 v -7.005 H 5.03 c -1.1 0 -1.36 -0.633 -0.578 -1.416 L 11.33 4.29 a 1.003 1.003 0 0 1 1.412 0 l 6.878 6.88 c 0.782 0.78 0.523 1.415 -0.58 1.415 h -3.004 v 7.005 Z"
                            />
                        </svg>
                    </button>
                </div>
            </div>
        </div>
    </form>
    >

</div>

</body>

</html>